<template>
  <view class="vinSearch_com">
    <u-gap height="8"></u-gap>
    <view class="search_acitve" @click="navSwitch('/pages/index/vin/index')">
      <u-icon name="search" color="#888" size="26"></u-icon>
      <text class="placeholder">VIN码（车架号）查询</text>
    </view>
    <u-gap height="8"></u-gap>
  </view>
</template>
<script>
export default {
  data() {
    return {}
  },
  methods: {
    navSwitch(url) {
			uni.navigateTo({
				url
			})
		}
  }
}
</script>
<style lang="scss" scoped>
.vinSearch_com {
	// padding: 0 24rpx;
	box-sizing: border-box;
	margin: 0 24rpx;
	.search_acitve {
		flex: 1;
		background-color: #FFFFFF;
		height: 60rpx;
		color: #888;
		border-radius: 16rpx;
		box-sizing: border-box;
		padding: 0 30rpx;
		display: flex;
		align-items: center;
		.placeholder {
			display: inline-block;
			margin-left: 20rpx;
			font-size: 26rpx;
		}
	}
	.code_btn {
		width: 60rpx;
		height: 60rpx;
		background-image: url(@/static/iconImg/scan_code.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		margin-left: 20rpx;
	}
}
</style>